﻿body {
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;
}

header, footer, nav, section {
    display: block;
}


/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}
/*headersite*/
DIV#headersite { background-color: #444; border-bottom: 2px solid #111; color: White; } 
DIV#headersite DIV.title { font-size: 2em; padding: .6em; } 


/*summary cart*/
DIV#cart { float:right; margin: .8em; color: Silver; 
background-color: #555; padding: .5em .5em .5em 1em; } 
DIV#cart A { text-decoration: none; padding: .4em 1em .4em 1em; line-height:2.1em; 
margin-left: .5em; background-color: #333; color:White; border: 1px solid black;} 



/*contentsite*/
DIV#contentsite { border-left: 1px solid gray; margin-left: 45em; padding: 1em; } 

/*Category*/
DIV#categoriessite { float: left; width: 8em; padding: 1em; margin-left: .1em;} 
DIV#categoriessite A 
{ 
font: bold 1.1em "Arial Narrow","Franklin Gothic Medium",Arial; display: block; 
text-decoration: none; padding: .6em; color: Black; 
border-bottom: 1px solid silver; 
} 
DIV#categoriessite A.selected { background-color: #666; color: White; } 
DIV#categoriessite A:hover { background-color: #CCC; } 
DIV#categoriessite A.selected:hover { background-color: #666; } 

/*Form inputs*/
FORM { margin: 0; padding: 0; } 
DIV.item FORM { float:right; } 
DIV.item INPUT { 
color:White; background-color: #333; border: 1px solid black; cursor:pointer; 
} 


DIV.item { border-top: 1px dotted gray; padding-top: .7em; margin-bottom: .7em; } 
DIV.item:first-child { border-top:none; padding-top: 0; } 
DIV.item H3 { font-size: 1.3em; margin: 0 0 .25em 0; } 
DIV.item H4 { font-size: 1.1em; margin:.4em 0 0 0; } 


DIV.pager { text-align:right; border-top: 2px solid silver; 
padding: .5em 0 0 0; margin-top: 1em; } 
DIV.pager A { font-size: 1.1em; color: #666; text-decoration: none; 
padding: 0 .4em 0 .4em; } 
DIV.pager A:hover { background-color: Silver; } 
DIV.pager A.selected { background-color: #353535; color: White; }

/*Table*/
H2 { margin-top: 0.3em }
H1 { margin-left:1em;}
TFOOT TD { border-top: 1px dotted gray; font-weight: bold; } 
.actionButtons A, INPUT.actionButtons { 
font: .8em Arial; color: White; margin: .5em; 
text-decoration: none; padding: .15em 1.5em .2em 1.5em; 
background-color: #353535; border: 1px solid black; 
} 